﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="renderer"  content="webkit">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<link title="style1" rel="stylesheet" href="/static/style.css" type="text/css" />
<link title="style2" rel="alternate stylsesheet" href="../static/style2.css" type="text/css" />
<link title="style3" rel="alternate stylesheet" href="../static/style3.css" type="text/css" />
</head>
<body>
<div><p align="center" ><font size=30% face="arial" color="red">西安工程大学研讨间预约系统</font></p><div/>


	<div class="form_content">

    <form id="test" action="/index/" method="post">
    <fieldset>
        <legend class="optional">申请须知</legend>

        1、提供提前一周的研讨间预约<br />
        2、请如实填写信息，我们审核后会通过邮件通知您<br />
        3、有任何问题请联系图书馆管理员 电话：029-82330112<br />
    </fieldset>
    <fieldset>
        <legend>申请人信息</legend>
        <div class="form-row">
            <div class="field-label"><label for="field1">姓名</label>:</div>
            <div class="field-widget"><input name="name" id="field1" class="required" required="required" title="输入您的姓名" /></div>
        </div>
        <div class="form-row">
            <div class="field-label"><label for="field6">身份</label>:</div>
            <div class="field-widget">
                <select id="field6" name="shenfen" class="validate-selection" required="required" title="请选择您的身份">
                    <option></option>
                    <option>教职工</option>
                    <option>研究生</option>
                    <option>本科生</option>
                </select>
            </div>
            <br />
        </div>
        <div class="form-row">
            <div class="field-label"><label for="field2">学院</label>:</div>
            <div class="field-widget"><input name="xueyuan" id="field2" class="required" required="required" title="填写您的学院" /></div>
        </div>

         <div class="form-row">
            <div class="field-label"><label for="field4">一卡通卡号</label>:</div>
            <div class="field-widget"><input name="kahao" id="field3" class="required"  pattern="[1-9]{8,11},[1-9]{8,11},[1-9]{8,11}*" required="required" title="按规范填写卡号" /></div>
             <p style="text-align:center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                至少要填写3个成员的一卡通,英文逗号隔开</p>
         </div>
        <div class="form-row">
            <div class="field-label"><label for="field3">手机</label>:</div>
            <div class="field-widget"><input name="phone" id="field4" class="required" pattern="^1[345678][0-9]{9}$" required="required" title="填写您的手机号" /></div>
        </div>
        <div class="form-row">
            <div class="field-label"><label for="field4">邮箱</label>:</div>
            <div class="field-widget"><input name="email" type="email" id="field5" class="required" required="required" title="填写您的邮箱" /></div>
        </div>
        
    </fieldset>
    <fieldset>
        <legend>研讨间信息</legend>
        <div class="form-row">
            <div class="field-label"><label for="field1">人数规模</label>:</div>
            <div class="field-widget"><input name="people" id="field1" class="required" required="required" title="输入人数规模" /></div>
        </div>
         <div class="form-row">
            <div class="field-label"><label for="local">研讨间选择</label>:</div>
            <div class="field-widget">
                <select id="field6" name="local" class="validate-selection" required="required" title="清选择地点">
                    <option></option>
                    <option>研讨间1（8人间，4人起约）</option>
                    <option>研讨间2（8人间，4人起约）</option>
                    <option>研讨间3（8人间，4人起约）</option>
                    <option>研讨间4（16人间，8人起约）</option>
                    <option>研讨间5（6人间，3人起约）</option>
                    <option>研讨间6（8人间，4人起约）</option>
                    <option>研讨间7（8人间，4人起约）</option>
                    <option>研讨间8（6人间，3人起约）</option>
                </select>
            </div>
        </div>
        <div class="form-row">
            <div class="field-label"><label for="field6">时间选择</label>:</div>
            <div class="field-widget">
                <select id="field6" name="time" class="validate-selection" required="required" title="请选择时间">
                    <option></option>
                    <option>8:00至10:00</option>
                    <option>10:00至12:00</option>
                    <option>14:00至16:00</option>
                    <option>16:00至18:00</option>
                    <option>18:30至20:30</option>
                </select>
            </div>
            <br />
            <p style="text-align:center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                如需预约4小时，在申请用途和备注中填写</p>
        </div>
        <div class="form-row">
            <div class="field-label"><label for="field6">日期选择</label>:</div>
            <div class="field-widget">
                <select id="field6" name="data" class="validate-selection" required="required"  title="请选择日期">
                    <option></option>
                    <option>{{ data1 }}</option>
                    <option>{{ data2 }}</option>
                    <option>{{ data3 }}</option>
                    <option>{{ data4 }}</option>
                    <option>{{ data5 }}</option>
                    <option>{{ data6 }}</option>
                    <option>{{ data7 }}</option>
                </select>
            </div>
        </div>
         <div class="form-row">
            <div class="field-label"><label for="field12">申请用途与备注</label>:</div>
            <div class="field-widget"><textarea class="optional" name="use" form="test" required="required"></textarea></div>
        </div>
    </fieldset>

    <input type="submit" class="submit" value="提交申请" />
    </form>
    </div>


</body>


</html>